<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>小皮捕快</title>
    <link rel="shortcut icon" href="{{ url_for('static',filename='img/favicon.ico') }}" type="image/x-icon"/>
    <script type="text/javascript" src="{{ url_for('static',filename='js/jquery.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static',filename='js/echarts.js') }}"></script>
    <link rel="stylesheet" href="{{ url_for('static',filename='css/Show.css') }}">
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?ca70854365d61e527b431e1e2debe1e5";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
<div class="main-content" id="mainContent">
    {% if data.data %}
        <div class="stock-list" id="stockList">
            <ul>
                {% for item in data.data %}
                    <li data-code="{{ item.code }}" data-name="{{ item.name }}"
                        data-exist="{{ item.exist }}">{{ item.name }}</li>
                {% endfor %}
            </ul>
        </div>
    {% else %}
        <div class="no-result">
            糟糕！这个分类木有人~~~
        </div>
    {% endif %}
</div>
<div class="menu-nav">
    <a href="/show/1" {% if data.id == "1" %}class="active"{% endif %}>英</a>
    <a href="/show/2" {% if data.id == "2" %}class="active"{% endif %}>目</a>
    <a href="/show/3" {% if data.id == "3" %}class="active"{% endif %}>花</a>
    <a href="/show/4" {% if data.id == "4" %}class="active"{% endif %}>盗</a>
</div>
<script type="text/javascript" src="{{ url_for('static',filename='js/Show.js') }}"></script>
</body>
</html>